<template>
    <div>
        <div class="i-layout-page-header">
            <PageHeader title="天域人力管理系统" hidden-breadcrumb />
        </div>
        <div class="examination-project-wrapper">
            <div class="dis-flex examination-project" v-for="item in 5" :key="item">
                <div class="project-left">
                    <p class="project-left-title">2020年观澜街道办招募社会临聘人员考试</p>
                    <Row>
                        <Col span="7">报考单位：2个</Col>
                        <Col span="7">报考岗位：3个</Col>
                        <Col span="10"></Col>
                    </Row>
                    <Row>
                        <Col span="7">考生问答：50</Col>
                        <Col span="7">未解问答：3</Col>
                        <Col span="10"><a @click="Q_Asession">查看</a></Col>
                    </Row>
                </div>
                <div class="project-right">
                    <Row>
                        <Button @click="setnoticeClick">项目公告</Button>
                        <Button @click="setProjectFlow">项目流程</Button>
                        <Button @click="setstation">岗位设置</Button>
                        <Button>发布项目</Button>
                        <Button>删除项目</Button>
                    </Row>
                    <Row>
                        <Button class="audit" @click="applyCheck">报名（审查）工具：报考500人</Button>
                        <Button @click="admissionTicket">准考证工具</Button>
                        <Button @click="resultPublish">成绩公布工具</Button>
                        <Button @click="interviewSign">面试签到工具</Button>
                    </Row>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        methods: {
            setnoticeClick() {
                this.$router.push({name: 'setnotice'})
            },
            setProjectFlow() {
                this.$router.push({name: 'setProjectFlow'})
            },
            setstation() {
                this.$router.push({name: 'setstation'})
            },
            applyCheck() {
                this.$router.push({name: 'applyCheck'})
            },
            admissionTicket() {
                this.$router.push({name: 'admissionTicket'})
            },
            resultPublish() {
                this.$router.push({name: 'resultPublish'})
            },
            interviewSign() {
                this.$router.push({name: 'interviewSign'})
            },
            Q_Asession() {
                this.$router.push({name: 'Q_Asession'})
            }
        }
    }
</script>

<style lang="less" scoped>
.examination-project-wrapper {
    // background-color: white;
    padding: 20px 0 20px 20px;
    .examination-project {
        margin-bottom: 20px;
        .project-left {
            width: 420px;
            padding-left: 10px;
            box-sizing: border-box;
            border: 1px solid #ccc;
            .project-left-title {
                font-weight: bold;
                font-size: 18px;
                line-height: 48px;
            }
            .ivu-col {
                line-height: 24px;
            }
        }
        .project-right {
            width: 1000px;
            border: 1px solid #ccc;
            border-left: none;
            // height: 86px;
            .ivu-row {
                padding: 10px;
                Button {
                    width: 122px;
                    margin-right: 20px;
                    border-radius: 0;
                    &.audit {
                        width: 264px;
                    }
                }
            }
        }
    }
}
</style>